<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购买</title>
    <link href="https://cdn.bootcss.com/minireset.css/0.0.2/minireset.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/Swiper/4.3.0/css/swiper.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_mkjnjoqww9v34n29.css">
    <!-- inject:css -->
    <link rel="stylesheet" href="css/common.css">
    <!-- endinject -->
    <!-- buy:css -->
    <link rel="stylesheet" href="less/buy.css">
    <!-- endinject -->
</head>

<body>
    <!-- header -->
    <div class="cdc-menu">
        <div class="container clearfix">
            <div class="cdc-logo pull-left">
                <img src="img/logo.png" alt="">
            </div>
            <div class="pho-btn-icon"><span class="iconfont icon-menu"></span></div>
            <div class="cdc-menu-warp">
                <ul class="cdc-menu-list">
                    <li><a href="index.html" class="active">首页</a></li>
                    <li><a href="login.html">登陆</a><span>/</span><a href="register.html">注册</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- header end -->
    <!-- banner -->
    <div class="banner"></div>
    <!-- banner end -->
    <!-- buy -->
    <div class="buy-list">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-4 buy-item">
                    <div class="list-jijian">
                        <div class="pd10">
                            <p class="title">专业版</p>
                            <div class="price">
                                <p>￥5000</p>
                                <button>申请试用</button>
                            </div>
                            <div class="list-nav">
                                <p class="list-title">基础功能</p>
                                <div class="nav-yes">
                                    <img src="./img/yes.png" alt="">
                                    <p>表单设计</p>
                                </div>
                                <div class="nav-yes">
                                    <img src="./img/yes.png" alt="">
                                    <p>数据录入</p>
                                </div>
                                <div class="nav-yes">
                                    <img src="./img/yes.png" alt="">
                                    <p>及时存储</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-4 buy-item">
                    <div class="list-jijian">
                        <div class="pd10">
                            <p class="title title1">极简版</p>
                            <div class="price">
                                <div class="prices">
                                    <span>￥5000</span>
                                    <span class="price-begain">起</span>
                                </div>
                                <button>立刻购买</button>
                            </div>
                            <div>
                                <div class="list-nav">
                                    <p class="list-title">基础功能</p>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>表单设计</p>
                                    </div>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>数据录入</p>
                                    </div>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>及时存储</p>
                                    </div>
                                </div>
                                <div class="list-nav">
                                    <p class="list-title">更多功能</p>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>项目模板</p>
                                    </div>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>数据集模板</p>
                                    </div>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>代建eCRF</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-4 buy-item">
                    <div class="list-jijian">
                        <div class="pd10">
                            <p class="title title2">定制版</p>
                            <div class="price">
                                <div class="prices">
                                    <span>￥10000</span>
                                    <span class="price-begain">起</span>
                                </div>
                                <button>申请定制</button>
                            </div>
                            <div>
                                <div class="list-nav">
                                    <p class="list-title">基础功能</p>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>表单设计</p>
                                    </div>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>数据录入</p>
                                    </div>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>及时存储</p>
                                    </div>
                                </div>
                                <div class="list-nav">
                                    <p class="list-title">更多功能</p>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>数据质疑</p>
                                    </div>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>定制表单</p>
                                    </div>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>方案设计</p>
                                    </div>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>项目管理</p>
                                    </div>
                                    <div class="nav-yes">
                                        <img src="./img/yes.png" alt="">
                                        <p>统计分析</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="need-line"></div>
            <div class="need">
                <p>如需定制版本，联系极简版和专业版使用</p>
                <p>请发送邮件至 <a href="mailto:xxx@xx.com" class="email">xxx@xx.com</span></p>
            </div>
        </div>
    </div>
    <!-- buy end -->
     <!-- footer -->
    <footer class="footer cdc-page">
        <div class="container">
            <div class="row">
                <div class="edc-left col-md-6 col-sm-6 hidden-xs">
                    <div>
                        <div class="pd10">
                            <img src="./img/footer-logo.png" class="footer-logo">
                        </div>
                        <div>
                            <p class="pd10">麦智医研</p>
                            <p>Mezicine</p>
                        </div>
                    </div>
                </div>
                <div class="edc-right col-md-6 col-sm-6">
                    <div>
                        <img src="./img/erweima.jpg" alt="" class="erweima">
                    </div>
                    <div class="edc-contact">
                        <p class="pd10 join">联系我们</p>
                        <p class="pd10" style="color:#fff;font-size:20px">182-2110-6655</p>
                        <p class="pd10">周一到周五 8:30-17:30</p>
                        <p>Email: <a href="mailto:xxx@xx.com" class="email">example@sss.com</a></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div class="copyright">
        <p>Copyright © 2018 CSY All Rights Reserved. 沪20070219</p>
    </div>
    <!-- footer end -->
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/4.3.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.2/js/bootstrap.js"></script>
<!-- inject:js -->
<script src="./js/common.js"></script>
<!-- endinject -->

</html>